<div class="fixed-bar" ion-fixed>
    <span class="roster-num">共{{totalNum}}{{classify===0 ? '个客户': '个增员对象'}}</span>
    <div class="btn-wrapper">
        <!--<button ion-button class="sort-btn" (click)="expandSelect()"><i></i>排序</button>-->
        <button ion-button class="filter-btn" (click)="goToRosterFilter()"><i></i>筛选</button>
        <!--<button ion-button class="map-btn" (click)="goToRosterMap()" *ngIf="classify===0"><i></i>地图</button>-->
    </div>
    <!--<span class="expand-bar" modal-disscroll [class.expand-bar_open]="isExpandSorter"></span>-->
    <!--<div class="expand-select"  [class.expand-select_open]="isExpandSorter">-->
        <!--<div class="expand-title">请选择排序方式</div>-->
        <!--<div class="expand-option" *ngFor="let item of sortByList"-->
             <!--[class.expand-option_selected]="item.val === rosterFil.sortBy"-->
             <!--(click)="switchSotrBy(item.val)">{{item.label}}-->
        <!--</div>-->
    <!--</div>-->
</div>
<div class="title-bar row" *ngIf="classify === 0" ion-fixed>
    <div class="col">姓名</div>
    <div class="col">活动名称</div>
    <div class="col">加保潜能</div>
    <div class="col">开始时间</div>
    <div class="col">跟进状态</div>
    <div class="col">通话</div>
</div>
<div class="title-bar2 row" *ngIf="classify === 1" ion-fixed>
    <div class="col">姓名</div>
    <div class="col">活动名称</div>
    <div class="col">参与时间</div>
    <div class="col">跟进状态</div>
    <div class="col">通话</div>
</div>
<div class="expand-modal2"  (click)="expandSelect()" [class.expand-modal_dis]="!isExpandSorter"></div>
<div class="expand-modal" (click)="expandSelect()" [class.expand-modal_dis]="!isExpandSorter"
     modal-disscroll></div>
<div class="roster-component-scroll">
    <div class="card-list roster-component-card" *ngIf="classify === 0" [class.hide]="!isLoaded" [style.height.px]="cardListHeight">
        <div *ngIf="rosterList && rosterList.length === 0 && isLoaded" class="no-data">
            <div class="no-data-img"><img src="./assets/images/common/icon_nodata.png"></div>
            <div class="no-data-txt">没有相关数据</div>
        </div>
        <roster-card *ngFor="let roster of rosterList; index as index"
                     [classify]="0" [index]="index" [roster]="roster"
                     (showAction)="showSelectAction(roster.id, index, $event)"
                     class="component-card card row"
                     [isSingle]="true" (switchSegment)="emitSwitch($event)"
                     (switchUserStatus)="switchUserStatus($event)"></roster-card>
    </div>
    <div class="card-list roster-component-card" *ngIf="classify === 1" [class.hide]="!isLoaded" [style.height.px]="cardListHeight">
        <div *ngIf="rosterList && rosterList.length === 0 && isLoaded" class="no-data">
            <div class="no-data-img"><img src="./assets/images/common/icon_nodata.png"></div>
            <div class="no-data-txt">没有相关数据</div>
        </div>
        <roster-card *ngFor="let roster of rosterList; index as index"
                     [classify]="1" [index]="index" [roster]="roster"
                     (showAction)="showSelectAction(roster.id, index, $event)"
                     class="component-card card row"
                     [isSingle]="true" (switchSegment)="emitSwitch($event)"
                     (switchUserStatus)="switchUserStatus($event)"></roster-card>
    </div>
</div>
